<route lang="json5" type="page" needLogin="false">
{
  style: {
    navigationBarTitleText: '游客中心管理',
  },
}
</route>
<template>
  <view class="bg-#F6F6F6 overflow-auto w-100% h-screen p-40rpx box-border overflow-auto">
    <!-- 我要录景点 -->
    <view
      class="flex items-center justify-between bg-#fff p-40rpx card-class mb-40rpx"
      @click="handleAttractions"
    >
      <view>
        <image class="w-142rpx h-142rpx" src="../../static/images/attractions.png" />
      </view>
      <view class="card-title">我要录景点</view>
    </view>
    <!-- 我要录美食 -->
    <view
      class="flex items-center justify-between bg-#fff p-40rpx card-class mb-40rpx"
      @click="handleCuisine"
    >
      <view>
        <image class="w-142rpx h-142rpx" src="../../static/images/cuisine.png" />
      </view>
      <view class="card-title">我要录美食</view>
    </view>
    <!-- 我要录民宿 -->
    <view
      class="flex items-center justify-between bg-#fff p-40rpx card-class"
      @click="handleHomestay"
    >
      <view>
        <image class="w-142rpx h-142rpx" src="../../static/images/homestay.png" />
      </view>
      <view class="card-title">我要录民宿</view>
    </view>
  </view>
</template>

<script lang="ts" setup>
const handleAttractions = () => {
  uni.navigateTo({ url: '/pages/TouristManagement/MyAttractions/index' })
}
const handleCuisine = () => {
  uni.navigateTo({ url: '/pages/TouristManagement/MyCuisine/index' })
}
const handleHomestay = () => {
  uni.navigateTo({ url: '/pages/TouristManagement/MyHomestay/index' })
}
onLoad(() => {})
</script>
<style lang="scss" scoped>
.card-class {
  border-radius: 10px;
  box-shadow: 0px 2px 6px 0px rgba(142, 142, 142, 0.4);
}
.card-title {
  line-height: 33px;
  color: rgb(16, 16, 16);
  font-size: 23px;
  text-align: left;
  font-weight: 500;
}
</style>
